<body>
  <div id="app"></div>
</body>
<!-- <script>
//   //1、一个小的demo
//   function renderer(domString, container) {
//     container.innerHTML = domString
//   }
//   const count = 1
//   renderer(`<h1>hello, ${count}</h1>`, document.getElementById('app'))
</script> -->

<script type="module">
  import {effect, ref} from './vue.js'
  function renderer(domString, container) {
    container.innerHTML = domString
  }
  const count = ref(1)
  effect(() => {
    renderer(`<h1>${count.value}</h1>`, document.getElementById('app'))
  })
</script>
